<!doctype html>
<html lang="en">
<head>
    <title>FEATSKY Best-1.0</title>
    <meta charset="UTF-8">
    <meta name="keywords" content="featsky,featsky博客,641151096"/>
    <meta name="description" content="featsky的个人博客,641151096的个人博客"/>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta data-name="message" />

    <!-- build:css src/all.css -->
    <link data-type="concat" rel="stylesheet" href="../src/css/common/reset.css">
    <link data-type="concat" rel="stylesheet" href="../src/css/common/common.css">
    <link rel="stylesheet" href="/src/css/common/icon.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_335441_3afh25ms2t4q85mi.css">
    <!-- endbuild -->
    <link rel="stylesheet" href="/src/css/message.css">
</head>
<body>

<header class="header">
    <div class="header-bar">
        <div class="header-left"></div>
        <div class="header-center">留言</div>
        <div class="header-right">
            <ul class="menu-list fx-col-b">
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </div>
    </div>
</header>

<div id="mes-input">
    <div class="mes-item">
        <img class="img-edit" src="/img/fixed/edit.png" alt="">
        <span class="ml5">留言一番 . .</span>
    </div>
</div>

<div class="container">
    <section id="mes-item">
        <div class="item-list hide">
            <div class="img-head bs-b dp-ib va-c"></div>
            <div class="dp-ib va-c ml3">
                <h5>Featsky</h5>
                <p class="fr10 c6 mt1">2016-02-15</p>
            </div>
            <p class="item-text">你这是多少fffffff放松放松的方式的范德萨发生的发送到发送到</p>
        </div>

    </section>
    <div class="load-button">查看更多</div>
</div>

<!--=================列表模板===================-->
<div id="model-1" class="hide">
    <div data-name="id" class="item-list">
        <div>
            <div data-name="headPath" class="img-head bg-fill fl"></div>
            <div class="item-mes">
                <p data-name="name"></p>
                <p data-name="time" class="fr10"></p>
            </div>
        </div>

        <p data-name="text" class="item-text"></p>
    </div>
</div>
<!--==============================================-->

<!--留言填写-->
<section id="writing">

    <!--<header style="position:relative;">
        <img class="back" src="img/fixed/arrow.png" alt="">
        <h4 class="titles">留言填写</h4>
    </header>-->
    <header class="header">
        <div class="header-bar">
            <div class="header-left"><i class="back iconfont icon-arrows_left"></i></div>
            <div class="header-center">留言填写</div>
        </div>
    </header>

    <div class="writ-context">
        <input type="text" name="writTit" placeholder="您的称呼" class="ls1">
        <div class="fx-col-c pr-text">
            <textarea name="writText" class="writ-text" placeholder="请输入..."></textarea>
        </div>
    </div>

    <div class="sub-cancel">
        <label>
            <img id="upImg" src="/img/fixed/up.png" alt="" class="img-edit">
            <input id="file" name="upFile" type="file" accept="image/*" class="hide">
        </label>

        <input id="filePath" type="text" readonly value="">
    </div>

    <input name="imgSrc" type="hidden" val="img/1.jpg">
    <div id="sub" class="mes-button">发表</div>
    <div id="cancel" class="mes-cancel">取消</div>
</section>

<!--图片剪裁-->
<section id="clip-img">
    <header style="position:relative;">
        <img class="back" src="/img/fixed/arrow.png" alt="">
        <h4 class="titles">图片裁剪</h4>
    </header>
    <img class="clip-head" src="" alt="">
    <div class="clip-main"></div>
    <div class="clip-sub">
        <div class="clip-button">确定</div>
    </div>
</section>

<!--进度-->
<section id="pro-main">
    <progress class="pro-val" value="0" max="100"></progress>
    <p class="pro-info">0%</p>
</section>


<script src="/src/lib/zepto.js"></script>
<script src="/src/js/common.js"></script>
<script src="/src/component/load/com-load.js"></script>
<script src="/src/component/message/com-message.js"></script>
<script src="/src/js/ajax.js"></script>
<script src="/src/js/validate.js"></script>

<script src="/src/js/message.js"></script>


</body>
</html>